<template>
	<!-- 我的资产 -->
	<view>
		<!-- 金额 -->
		<view class="money">
			<view class="moneyje">
				<view class="moneyje-view" v-if="userInfo">
					 <view  class="TotalAmount">
					 	<text>总金额(元)</text>
					 </view>
					 <view class="money-jine">
					 	<text>{{userInfo.balance}}</text>
					 </view>
					 <view class="money-earnings">
					 	<text>今日收益</text> <text class="money-earnings-text">0.00</text>
					 </view>
				</view>
				<!--  -->
				<view class="moneyje-view" v-else>
					 <view  class="TotalAmount">
					 	<text>总金额(元)</text>
					 </view>
					 <view class="money-jine">
					 	<text>0.00</text>
					 </view>
					 <view class="money-earnings">
					 	<text>今日收益</text> <text class="money-earnings-text">0.00</text>
					 </view>
				</view>
				<!--  -->
				<view class="moneyje-view">
					<view class="moneyje-view-image">
						<image src="../../static/property/icon.png" mode=""></image>
					</view>
					<view class="moneyje-view-text">
						<text style="color: #999999;">累计收益</text><text class="money-earnings-text">0.00</text>
					</view>
				</view>
			</view>
			<view class="money-fund">
				<view class="money-fund-left">
					<view class="money-fund-left-one">
						<text>活期</text>
					</view>
					<view class="money-fund-left-two">
						<text>灵活存取</text>
					</view>
					<view class="money-fund-left-three">
						<text>基金</text>
					</view>
					<view class="money-fund-left-four">
						<text>浮动收益</text>
					</view>
				</view>
				<view class="money-fund-right">
					<view class="money-fund-left-one">
						<text>定期</text>
					</view>
					<view class="money-fund-left-two">
						<text>稳健收益</text>
					</view>
					<view class="money-fund-left-three">
						<text>基金</text>
					</view>
					<view class="money-fund-left-four">
						<text>多元投资</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 图片 -->
		<view class="image">
			<image src="../../static/property/blue.png" mode=""></image>
		</view>
		<!-- 人气精品 -->
		<view class="PopularBoutique">
			<!-- 标题 -->
			<view class="PopularBoutique-title">
				<text>一 人气精品 一</text>
			</view>
			<!-- 列表 -->
			<view class="PopularBoutique-list">
				<view class="PopularBoutique-listData" v-for="item in PopularBoutiqueListData" :key="item.id">
					<view class="PopularBoutique-jieri">
						<text>{{item.title}}</text>
					</view>
					<view class="PopularBoutique-huilv">
						<text class="PopularBoutique-huilv-num">{{item.num}}</text><text class="PopularBoutique-huilv-baifenbi">%</text>
					</view>
					<view class="PopularBoutique-huibao">
						<text class="PopularBoutique-huibao-text">{{item.val}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				PopularBoutiqueListData:[
					{
						id:1,title:"国华节高A款",num:5.91,val:"历史年化投资回报率"
					},
					{
						id:2,title:"宏康小金罐",num:3.94,val:"灵活资金近30年化投..."
					},
				],
				userInfo:null//用户信息
			}
		},
		methods: {
			
		},
		onLoad(){
			this.userInfo=getApp().globalData.userInfo 
		}
	}
</script>

<style>
	page{
		background-color: #f3f3f3;
	}
</style>
<style scoped lang="scss">
	@import "./MyAssets.scss";
</style>
